<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>get提交方式</title>
</head>
<body>
<form action="#" method="get" id="form">
    username:<input type="text" name="username" id="username"/><br/>
    password:<input type="text" name="password" id="password"/><br/>
    <input type="submit" value="提交"/>
</form>
</body>
<script src="js/jquery-2.1.0.min.js"></script>
<script>
    $("#form").submit(function () {//表单提交事件，提交时会触发该事件
        //获取输入的用户名
        let username = $("#username").val();
        let password = $("#password").val();
        /*页面一被访问就Ajax发送数据到服务器*/
        $.ajax({
            url:'userServlet',//发送的路径
            data:"username="+username+"&password="+password,//发送的数据
            async:true,//是否异步
            type:'GET',//提交方式
            data_type:"text",//返回数据的类型
            success:function (data) {
                alert(data);
                if(data=="黄金标"){
                    location.href="success.html";
                }else {
                    location.href="error.html";
                }
            }
        });
        return true;
    });

</script>
</html>